.modal-container {
  position: fixed;
  border: 3px dotted #d3d3d3;
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  .header {
    cursor: move;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    border-bottom: 1px dotted #d3d3d3;
    display: flex;
    justify-content: space-between;
    .title-text {
      font-weight: 700;
    }
    .closeOutlined {
      .closeOutlined-item {
        cursor: default;
        border: 1px dotted transparent;
        width: 35px;
        padding: 10px 0px 9px 0px;
        text-align: center;
        &:hover {
          border-color: #d3d3d3;
        }
      }
    }
  }
  .container {
    min-width: 300px;
    min-height: calc(300px - 35px);
    display: flex;
    box-sizing: border-box;
    padding: 0px;
    resize: both;
    overflow: hidden; // 必须要配合overflow来使用resize, 否则拉伸图标无法显示
    .container-box {
      flex: 1;
      display: flex;
      flex-direction: column;
      .container-content {
        flex: 1;
      }
      .container-footer {
        height: 40px;
        box-sizing: border-box;
        border-top: 1px dotted #d3d3d3;
        line-height: 40px;
      }
    }
  }
  .container-max {
    min-height: calc(100vh - 39px);
    min-width: 100vw;
  }
}
